<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
   <canvas id="myCanvas" width="500px" height="150px"></canvas>
 </body>
 <script>
    function drawBezier(){
	   var c = document.getElementById("myCanvas");
	   var ctx = c.getContext("2d");

	   ctx.beginPath();
	   ctx.moveTo(75,40);
	   ctx.bezierCurveTo(75,37,70,25,50,25);
	   ctx.bezierCurveTo(20,25,20,62.5,20,62.5);
	   ctx.bezierCurveTo(20,80,40,102,75,120);
	   ctx.bezierCurveTo(110,102,130,80,130,62.5);
	   ctx.bezierCurveTo(130,62.5,130,25,100,25);
	   ctx.bezierCurveTo(85,25,75,37,75,40);
	   ctx.stroke();
	}
	window.addEventListener("load",drawBezier,true);
 </script>
</html>
